import {} from 'https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js';

function doShowCart() {
    //获取本地存储数据
    if (localStorage.getItem('localsid') && localStorage.getItem('localnum')) {
        let sid_arr = localStorage.getItem('localsid').split(',');
        let num_arr = localStorage.getItem('localnum').split(',');
        for (let i = 0; i < sid_arr.length; i++) {
            renderData(sid_arr[i], num_arr[i]);
        }
    }

    function renderData(sid, num) {
        const cartList = $('.cat_list');
        const cartNum = $('.cat_num');
        $.ajax({
            url: 'http://10.31.157.18/changhong/php/alldata.php',
            dataType: 'json'
        }).done(function(data) {
            $.each(data, function(index, value) {
                if (sid == value.sid) {
                    //如果传入sid和数据接口里面的sid相同，拿到这条数据，进行渲染。
                    // 利用clone操作
                    let cloneBox = $('.cat_list:hidden').clone(true, true);
                    cloneBox.find('.picurl img').attr('src', value.picurl)
                    cloneBox.find('.price').html(value.price)
                    cloneBox.find('.title').html(value.title)
                    cloneBox.find('.count').val(num);
                    $('.cat_item').append(cloneBox); //追加元素
                    cloneBox.css('display', 'flex');
                    numChange();
                    calc();
                }

            })

        });




    }


    function numChange() {
        $('.cat_list:visible').each(function(index, element) {
            let nums = parseFloat($('.cat_list:visible').find('.reduce').eq(index).siblings('.count').val());
            $('.cat_list:visible').find('.reduce').eq(index).on('click', function() {
                if (nums > 1) {
                    nums--;
                }
                // 获取本地存储
                let numvalues = localStorage.getItem('localnum').split(',')
                numvalues.splice(index, 1, nums.toString())
                    // 数量修改后修改本地存储
                localStorage.setItem('localnum', numvalues.toString());
                $('.cat_list:visible').find('.reduce').eq(index).siblings('.count').val(nums);
                calc()
                    // history.go(0)
            })

            $('.cat_list:visible').find('.increase').eq(index).on('click', function() {
                nums++;
                let numvalues = localStorage.getItem('localnum').split(',')
                numvalues.splice(index, 1, nums);
                localStorage.setItem('localnum', numvalues.toString());
                calc()
                $('.cat_list:visible').find('.increase').eq(index).siblings('.count').val(nums);
                // history.go(0)
            })
            $('.cat_list:visible').find('.count').eq(index).on('input', function() {
                let reg = /^\d+$/
                if (!reg.test($(this).val())) {
                    $(this).val(1)
                }
                let nums = $('.cat_list:visible').find('.count').eq(index).val();
                let numvalues = localStorage.getItem('localnum').split(',');
                numvalues.splice(index, 1, nums);
                localStorage.setItem('localnum', numvalues.toString());
                calc()

            })

            let sidvlaues = localStorage.getItem('localsid').split(',');
            let numvalues = localStorage.getItem('localnum').split(',');
            $('.cat_list:visible').find('.del').eq(index).on('click', function() {
                // 获取本地存储
                sidvlaues.splice(index, 1);
                numvalues.splice(index, 1);

                // 数量修改后修改本地存储
                localStorage.setItem('localsid', sidvlaues.toString());
                localStorage.setItem('localnum', numvalues.toString());
                // history.go(0); //事件触发后刷新页面

                $(this).parent().parent().parent().remove()
            });

        })

    }


    //dasf

    // 计算总价和总件数
    function calc() {
        let totalprice = 0;
        let totalnum = 0
        let catNum = 0
        $('.cat_list:visible').each(function(index, element) {
            if ($(element).find('input:checkbox').is(':checked')) {
                totalnum += parseFloat($(element).find('.count').val());
                totalprice += parseFloat($(element).find('.price').html() * parseFloat($(this).find('.count').val()));
                catNum = localStorage.getItem('localsid').split(',').length
            }
        });

        $('.totalprice').html(totalprice);
        $('.all_num').html(totalnum)
        $('.cat_num').html(catNum)

    }

    // 全选

    const allcheck = $('.allcheck');
    allcheck.on('click', function() {
        $('.cat_list:visible').find('input:checkbox').prop('checked', $(this).prop('checked'));
        $('.allcheck').prop('checked', $(this).prop('checked'));
        calc()
    })

    $('.cat_item').on('click', 'input:checkbox', function() {
        if ($('.cat_list:visible').find('input:checkbox').length === $('.cat_list:visible').find('input:checked').length) {
            $('.allcheck').prop('checked', true);
        } else {
            $('.allcheck').prop('checked', false);
        }

        calc();
    });


    renderData();
}

doShowCart();